<div class="main">

  <!--个人-->
  <div class="personal" *ngIf="selectValue == 'personal'">
    <div style=" background: #eeeeee; text-align:left;height:47px;line-height:47px;font-size:18px;padding-left:10px;">用户信息</div>
    <form nz-form id="formPersonal">
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label>用户名</label>
        </div>
        <div nz-col [nzSpan]="8" nz-form-control nzHasFeedback>
          <nz-input name="userCode" [nzType]="'text'" [nzSize]="'large'" [nzId]="'userCode'" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.userCode'>
          </nz-input>

        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="userName">用户姓名</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input name="userName" [nzSize]="'large'" [nzType]="'userName'" [nzId]="'userName'" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.userName'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="roleType">用户类型</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'roleId'" [nzId]="'roleId'" name="roleId" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.roleId'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="cardType">用户持证类型</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'cardType'" [nzId]="'cardType'" name="cardType" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.cardType'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="cardTypeNumber">证件号</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'cardTypeNumber'" [nzId]="'cardTypeNumber'" name="cardTypeNumber"
            [nzDisabled]=true [(ngModel)]='userListDetailBean.cardTypeNumber'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="cardNumber">身份证号码</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'cardNumber'" [nzId]="'cardNumber'" name="cardNumber" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.cardNumber'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="partyId">原单位全称</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'fromName'" [nzId]="'fromName'" name="fromName" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.fromName'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="mobile">办公电话</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input name="mobile" [nzId]="'mobile'" [nzSize]="'large'" name="mobile" [nzDisabled]=true [(ngModel)]='userListDetailBean.mobile'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="phone">手机号码</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input name="phone" [nzId]="'phone'" [nzSize]="'large'" name="phone" [nzDisabled]=true [(ngModel)]='userListDetailBean.phone'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="email">E-mail</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'email'" [nzId]="'email'" name="email" [nzDisabled]=true [(ngModel)]='userListDetailBean.email'></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="email">资质文件</label>
        </div>
        <nz-upload nzListType="picture-card" [(nzFileList)]="userListDetailBean.fileList" [nzShowButton]="false"
          [nzRemove]="nzRemoveFile" [nzPreview]="handlePreview">
        </nz-upload>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="firstgt">第一次取证时间</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [nzSize]="'large'" [nzType]="'firstgt'" [nzId]="'firstgt'" name="firstgt" [nzDisabled]=true
            [(ngModel)]='userListDetailBean.firstgt'></nz-input>
        </div>
      </div>
      <!--<div nz-form-item nz-row>-->
        <!--<div nz-form-label nz-col [nzSpan]="9">-->
          <!--<label for="email">人脸设置</label>-->
        <!--</div>-->
        <!--<nz-upload nzListType="picture-card" [(nzFileList)]="userListDetailBean.faceUrl" [nzShowButton]="false"-->
          <!--[nzRemove]="nzRemoveFile" [nzPreview]="handlePreview">-->
        <!--</nz-upload>-->
      <!--</div>-->
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9" *ngIf="showFlag">
          <label for="">审批状态</label>
        </div>
        <div nz-form-label nz-col [nzSpan]="9" *ngIf="!showFlag">
          <label for="">审批</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <!--状态展示 1 申请中 2 审核通过 3 审核拒绝 -->
          <nz-radio-group [(ngModel)]="userListDetailBean.state" name="state" *ngIf="showFlag">
            <label nz-radio [nzValue]="'1'" [nzDisabled]="true">
              <span>申请中</span>
            </label>
            <label nz-radio [nzValue]="'2'" [nzDisabled]="true">
              <span>审核通过</span>
            </label>
            <label nz-radio [nzValue]="'3'" [nzDisabled]="true">
              <span>审核拒绝</span>
            </label>
          </nz-radio-group>

          <!--审批意见 1 申请中 2 审核通过 3 审核拒绝 -->
          <nz-radio-group [(ngModel)]="userListDetailBean.state" name="state" *ngIf="!showFlag">
            <label nz-radio [nzValue]="'2'" [nzDisabled]="false">
              <span>通过</span>
            </label>
            <label nz-radio [nzValue]="'3'" [nzDisabled]="false">
              <span>拒绝</span>
            </label>
          </nz-radio-group>
        </div>
      </div>
      <div nz-form-item nz-row>
        <div nz-form-label nz-col [nzSpan]="9">
          <label for="qualificationsUrl">审批意见</label>
        </div>
        <div nz-form-control nz-col [nzSpan]="8" nzHasFeedback>
          <nz-input [(ngModel)]="userListDetailBean.remark" [nzType]="'textarea'" [nzRows]="'4'" [nzPlaceHolder]="''"
            name="remarks" [nzDisabled]="showFlag"></nz-input>
        </div>
      </div>
      <div nz-form-item nz-row *ngIf="!showFlag">
        <div nz-col [nzSpan]="10"></div>
        <div nz-col [nzSpan]="3">
          <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="back()">
            返 回
          </button>
        </div>
        <div nz-col [nzSpan]="3">
          <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="submit()">
            提 交
          </button>
        </div>
      </div>
      <div nz-form-item nz-row *ngIf="showFlag">
        <div nz-col [nzSpan]="12"></div>
        <div nz-col [nzSpan]="3">
          <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="back()">
            返 回
          </button>
        </div>
      </div>
    </form>
  </div>

</div>
<nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
  <ng-template #modalContent>
    <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
  </ng-template>
</nz-modal>
